/**
 * Created by Administrator on 2017/10/26 0026.
 */
$(function() {
    var $use = $("input[name=userName]");
    var $pwd = $("input[name=password]");
    var $yzm = $("input[name=yzm]");
    var $msg = $("#msg");//表单提交时的验证提示对象
    //绑定表单验证事件
    $("#login_form").on("submit",function (e) {//提交验证
        e.preventDefault();//阻止默认提交事件
        var $use_val = $use.val();
        var $pwd_val = $pwd.val();
        var $yzm_val = $yzm.val();
        $.ajax({
            url:"/login",
            type:"post",
            data:{userName:$use_val,password:$pwd_val,yzm:$yzm_val},
            dataType:"json",
            success:function (msg) {
                if (msg.code==1){
                    location.href="/index"
                }else{
                    $msg.text(msg.message);
                    $msg.parent().removeClass("hidden");
                }
            },
            error:function () {
                console.log("登录异常");
            }
        })
        return false;  //给路径，不提交
        // this.submit();//js提交表单，只有全部为true，才能提交
    });

    //实时校验数据状态，如果输入框内有值，移除隐藏，反之则显示隐藏的提示或×
    $use.on("input",function () {//操作当前input内容时，触发此事件
        if ($(this).val()){
            $(this).next().removeClass("hidden");
            if ($msg.text()=="用户名或密码错误"){
                $msg.parent().addClass("hidden")
            }
        }else{
            $(this).next().addClass ("hidden") ;
        }
    });
    $pwd.on("input",function () {
        if ($(this).val()){
            $(this).next().removeClass("hidden") ;
            if ($msg.text()=="用户名或密码错误"){
                $msg.parent().addClass("hidden");//当前对象的父级节点
            }
        }else{
            $(this).next().addClass ("hidden") ; //当前对象同级的下一个节点
        }
    });
    $yzm.on("input",function () {
        if ($(this).val()){
            $(this).next().removeClass("hidden") ;
            if ($msg.text()=="验证码错误或失效"){
                $msg.parent().addClass("hidden");//当前对象的父级节点
            }
        }else{
            $(this).next().addClass ("hidden") ; //当前对象同级的下一个节点
        }
    });

    //点×时，触发此事件，清除输入的内容
    $(".clear_img,.clear_img1").each(function () {
        $(this).click(function () {
            $(this).prev().val("");//同级相邻前一个节点
            $(this).addClass("hidden")
        })
    })

    //验证码更新
    $("#code").on("click",function () {
        $(this).attr("src","/kaptcha.jpg?t="+new Date().getTime())
    })


})
